<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://java.sun.com/jstl/core" prefix="c"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<LINK rel="stylesheet" href="${pageContext.request.contextPath}/style/class.css" type="text/css"/>
<title>Agregar Evento</title>
</head>
<body>
<div id="main" align="center">
<f:view>
<h:form id="form1">
<h:panelGrid id="grid" columns="2">
	<h:outputText styleClass="header2Azul" id="lblEvento" value="Evento: "/>
	<h:outputText styleClass="header2" id="outEvento" value="#{verEvento.evento.nombre}"/>
</h:panelGrid>
<h:panelGrid id="messagesgrid" columns="1">
	<h:messages styleClass="texto_rojo_bold"/>
</h:panelGrid>	
<h:panelGrid id="grid2" columns="1">
	<h:outputText styleClass="header1" id="lblDesc" value="Evento Agregado!"/>
</h:panelGrid>
<h:panelGrid id="tabla">
	<h:dataTable value="#{verEvento.itinerario.eventos}" styleClass="TablaRojo" var="evento" style="text-align: center;">
                  <h:column id="col1">
                  	<f:facet name="header">
                          <h:outputText value="Lugar"/>
                      </f:facet>
                      <h:outputText styleClass="textoNormal" value="#{evento.ciudad}"/>
                  </h:column>   
                  <h:column id="col2"> 
                      <f:facet name="header" >
                          <h:outputText value="Evento"/>
                      </f:facet>    
                      <h:outputText styleClass="textoNormal" value="#{evento.nombre}"/>
                   </h:column>
                   <h:column id="col3">   
                      <f:facet name="header" >
                          <h:outputText value="Fecha"/>
                      </f:facet>    
                      <h:outputText styleClass="textoNormal" value="#{evento.fechaHoraInicio}"/>
                  </h:column>
              </h:dataTable>
</h:panelGrid>
<h:panelGrid id="grid3" columns="2">
	<h:commandButton value="Guardar Eventos" styleClass="boton1" id="save" action="#{verEvento.guardar}"></h:commandButton>
	<h:commandButton value="Ver Lista Eventos" styleClass="boton1" id="back" action="#{initEvento.volver}"></h:commandButton>
</h:panelGrid>
</h:form>
</f:view>
</div>
</body>
</html>